<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style12.css">
</head>

<body>
    <div class="body">
        <div class="first">
            <div class="jz">
                <div class="display p-t">
                    <div class="tupian2">
                        <img src="./图片/logo11.png">
                    </div>
                    <div class="flex">
                        <h1>FOR ATHLETS AND COACHES</h1>
                    </div>
                </div>
                <div class="another">
                    <div class="first-1">
                        <h1>BE RECRUITED</h1>
                        <div class="clear"></div>
                    </div>
                    <div class="xian">
                        <img src="./图片/ctangle3.png">
                        <div class="clear"></div>
                    </div>
                    <div class="another-1">
                        <h1>PLAY COLLEGE SPORTS</h1>
                        <ul class="play">
                            <li style="position: relative;right: 70px;">F○ OTBALL</li>
                            <li style="position: relative;right: 45px;">BASKETBALL</li>
                            <li style="position: relative;right: 15px;">BASEBALL</li>
                            <li style="position: relative;left: 15px;">SOCCER</li>
                            <li style="position:relative;left:40px;">ICE HOCKEY</li>
                        </ul>
                    </div>
                </div>
                <div class="button">
                    <button type="button" class="but">
                    <svg t="1624494947279" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2598" width="20" height="20"><path d="M755.472961 545.648638c-1.125612-166.078945 92.197861-170.376736 96.393325-173.037274-52.494454-76.746278-134.152493-88.821025-163.21375-89.946637-69.480963-7.060658-135.58509 40.112721-170.888378 40.112721-35.200959 0-89.639652-40.215049-147.250525-39.191766-75.722994 1.125612-145.613271 43.898871-184.702708 111.74258-78.690517 136.608374-20.158689 338.911562 56.587589 449.630858 37.452183 54.234036 82.169681 115.119416 140.906166 112.970521 56.48526-2.251224 77.87189-36.633557 146.227241-36.633557s87.490756 36.633557 147.352853 35.405616c60.783052-1.125612 99.360847-55.25732 136.506046-109.696013 43.080244-62.931948 60.783052-120.747477 61.806336-123.817328-1.330269-0.61397-118.598581-66.820426-119.826521-177.539722L755.472961 545.648638 755.472961 545.648638zM511.829112 288.395115c0-123.203358 99.872489-223.178175 223.178175-223.178175C735.007287 188.522626 635.032469 288.395115 511.829112 288.395115z" p-id="2599" fill="#ffffff"></path></svg>
                    <p>DOWNLOAD ON THE   APP STORE</p>
                    <div  class="clear"></div>
                </button>
                    <button type="button" class="but1">
                    <img src="./图片/Icon - Google Play.png">       
                    <p>GET IT ON GOOGLE PLAY</p>
                    <div  class="clear"></div>
                </button>
                </div>
            </div>
        </div>
        <!-- first -->
        <div class="left-1">
            <div class="szj1">
                <img src="./图片/szj.png">
                <img src="./图片/szj1.png" class="zjs">
            </div>
            <div class="foot">
                <img src="./图片/footballer.png">
            </div>
            <div class="clear"></div>
        </div>
        <div class="second">
            <div class="jz">
                <div class="right-1">
                    <div class="neirng-1">
                        <div class="top">
                            <h1>ATHLETS</h1>
                        </div>
                        <div class="wenzi">
                            <div class="number">01</div>
                            <div class="xian1"></div>
                            <div class="clear"></div>
                        </div>
                        <div class="neirong">
                            <h1>CONNECTION</h1>
                            <div class="clear"></div>
                        </div>
                        <div class="duan">
                            <p>Connect with coaches directly, you can ping coaches to view profile.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>